<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>使用serialize()方法序列化表单元素值</title>
		<script src="./jquery.js" type="text/javascript"></script>
	</head>
	<body>
		<div id="divtest">
			<h2>我的个人资料</h2>
			<form action="">
				<label>姓名：<input name="Text1" type="text" size="12" /></label>
				<div>
					<select name="Select1">
						<option value="0">男</option>
						<option value="1">女</option>
					</select>
				</div>
				<div>
					<input name="Checkbox1" type="checkbox" />资料是否可见
				</div>
			</form>
			<button id="btnAction">序列化</button>
			<p id="litest"></p>
		</div>
		<script type="text/javascript">
				// 在表单中添加多个元素
				// 点击“序列化”按钮后
				// 调用serialize()方法
				// 将表单元素序列化后的标准URL编码文本字符串显示在页面中
			$(function() {
				$("#btnAction").bind("click", function() {
					$("#litest").html($("form").serialize())
				})
			})
		</script>
	</body>
</html>
